<template>
  <div id="my-map"></div>
</template>
<script>
import * as Cesium from "cesium";

export default {
  data() {
    return {
      viewer: null
    };
  },
  mounted() {
    this.initMap()
  },
  methods: {
    initMap(){
      Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI2YmVjM2I4Ny1mMDBlLTRlZDItODVhNi00ZTc3YmFmMGExMDMiLCJpZCI6MzI4NDU0LCJpYXQiOjE3NTQyOTQzNzZ9.YqYdp9xglGtdlN_sNvZSS5bByUj7S1YPmCn2OcT6hoM'

      this.viewer = new Cesium.Viewer("my-map", {
        homeButton: true,
        sceneModePicker: true,
        baseLayerPicker: true, // 影像切换
        animation: false, // 是否显示动画控件
        infoBox: false, // 是否显示点击要素之后显示的信息
        selectionIndicator: false, // 要素选中框
        geocoder: true, // 是否显示地名查找控件
        timeline: false, // 是否显示时间线控件
        fullscreenButton: false,
        shouldAnimate: false,
        navigationHelpButton: false, // 是否显示帮助信息控件
      });
    }
  }
};
</script>